<style>
    .nav ul li:nth-child(3){
        color: red;
    }
    .wrap{
        width: 100%;
        background: #EEEEEE;
    }
</style>
<div class="wrap">
    <div style="width: 100%;background-image: url('img/u=2837535770,3225555899&fm=23&gp=0.jpg');background-size:100% 100%;height: 180px;position: relative">
        <a href="html/set.html"><span class="glyphicon glyphicon-cog" style="font-size: 25px;color: grey;position: absolute;right: 1rem;top: 1rem"></span></a>
        <img src="img/xq-2.png" alt="" style="position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto">
    </div>
    <div style="width: 100%;background: white;height: 6rem;display: flex;justify-content: space-between">
        <div style="font-size: 20px;line-height: 6rem;position: relative;margin-left: 1rem">
            <span class="glyphicon glyphicon-bell"></span>
            <span style="margin-left: 2rem;font-size: 18px">我的消息</span>
            <span style="text-align:center;display:inline-block;width: 2rem;height: 2rem;font-size: 1.5rem;background: red;border-radius: 100%;line-height:2rem;position: absolute;top: 1rem;right: -2rem;color: white">1</span>
        </div>
        <div  style="background: url('img/left.png') no-repeat;background-size:80% 55%;width: 50px;height: 90%;transform: rotateY(180deg);margin-top: 1.5rem"></div>
    </div>
    <div style="width: 100%;height: 6rem;background:white;line-height: 6rem;margin-top: 1rem;border-bottom: 1px solid #cccccc;display: flex;justify-content: space-between;text-align: center;font-size: 18px; ">
        <div style="border-right: 1px solid #cccccc;width: 50%" ui-sref="me.loveC" class="loveC">喜欢的藏品</div>
        <div style="width: 50%;" ui-sref="me.loveGong" class="loveGong">喜欢的攻略</div>
    </div>
</div>
<div ui-view="">

</div>